input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.weui-agree__checkbox {
  height: 16px;
  width: 16px;
  background-color: #fff;
  &:checked:before {
    color: $theme-color;
    transform: translate(-50%, -48%) scale(1)
  }
}

.weui-tabbar {
  background-image: linear-gradient(to top, #d6d6d6, #fff);
  box-shadow: 0 -15px 27px 0 rgba(0, 0, 0, 0.05);
}

.weui-tabbar__item.weui-bar__item_on {
  .weui-tabbar__icon {
    color: $theme-color;
    > i {
      color: $theme-color;
    }
  }
  .weui-tabbar__label {
    color: $theme-color;
  }
}

.weui-mask_transparent{
  z-index:999!important;
}

/**
修复ios bug
*/
.weui-dialog,
.weui-toast {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  opacity: 0;
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  visibility: hidden;
  margin: 0;
  top: 45%;
  z-index: 2000
}

/*按钮反馈*/
.weui-btn_primary {
  color: #fff;
  &:not(.weui-btn_disabled) {
    background-color: $theme-color;
    border-color: $theme-color;
    &:visited, &:active {
      color: hsla(0, 0%, 100%, .6);
      background-color: $btn-primary-disable-color;
    }
  }
}

.weui-btn_disabled.weui-btn_primary {
  background-color: $btn-primary-disable-color;
  color: hsla(0, 0%, 100%, .6);
}

.weui-btn_default {
  color: $theme-color;
  &:not(.weui-btn_disabled) {
    border: 1px solid $theme-color;
    background-color: #fff;
    &:visited, &:active {
      color: darken($theme-color, 10%);
      background-color: #fff;
    }
  }
}

.weui-btn_warn {
  background-color: #f1625f;
  &:not(.weui-btn_disabled) {
    color: #fff;
    &:active, &:visited {
      color: hsla(0, 0%, 100%, .6);
      background-color: #f1625f;
    }
  }
}

.weui-btn_disabled.weui-btn_warn {
  background-color: #f1625f;
  color: hsla(0, 0%, 100%, .6);
}

.weui-form-preview__btn_default {
  &:not(.weui-btn_disabled) {
    color: $theme-color;
    &:active {
      color: $btn-primary-disable-color;
    }
  }
}

.weui-form-preview__btn_warn {
  &:not(.weui-btn_disabled) {
    color: #ff635d;
    &:active {
      color: #d04943;
    }
  }
}

.weui-cell:before {
  left: 1rem;
  right: 1rem;
}

.weui-dialog__btn_primary {
  color: $theme-color
}

.weui-cell_access:active {
  background-color: #f3f3f3
}

.weui-tab__panel, .weui-tab__bd {
  background-color: $page-bg-color;

}

/*=============common======================*/
* {
  outline: none !important;
  box-sizing:border-box;
}

[disabled] {
  pointer-events: none;
}

/**auto**：使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
**touch**：使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。*/
body,
html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; /*就是它*/
  overflow-y: hidden;
}

body {
  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;

}

label {
  display: inline-block;
}

ul {
  list-style: none;
}

a:focus, a:hover {
  text-decoration: none
}

form input.error:focus {
}

.form-control.error {
  border-color: #a94442 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.clearfix {
  clear: both
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  clear: both
}

.text-indent {
  text-indent: 2em;
}

.text-right {
  text-align: right;
}

.container {
  overflow: hidden
}

.container, .panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0.8rem;
  color: #303030;
  height: 100%;
  background-color: #fff;
}

table {
  border-collapse: collapse;
}

table, td, th {
  border: 1px solid #979797;
}

.panel {
  overflow-y: auto;
  opacity: 0;
  z-index: 1;
}

.panel.active {
  opacity: 1
}

.panel-body {
  background-color: $page-bg-color;
}

.panel-body_head {
  background-color: #fff;
  width: 100%;
  height: 3.75rem;
  display: flex;
  justify-content: space-between;
  z-index: 100;
  .posTotal{
    padding: .375rem .5rem;
    width: auto;
    height: 100%;
    overflow:hidden;
    p{
      line-height:1.8;
      label{
        font-size: .7rem;
        text-align: left;
        color: $theme-color;
        font-weight:700;
      }
      span{
        font-size: .8rem;
        font-weight: bold;
        text-align: right;
        color: #c93529;
      }
    }
  }
  .dividendTotal{
    @extend .posTotal;
    display:flex;
    p{
      margin:auto 0;
      label{
        font-size:.7rem;
      }
      span{
        font-size:.9rem;
      }
    }
  }
}

.panel_logo {
  display: inline-block;
  max-width: 100%;
  height: 100%;
  margin-right:.5rem;
}

.pos_head, .prod_head, .dividend_head,.news_head {
  @extend .panel-body_head;
  position:relative;
}

.panel-body_content {
  height: 100%;
  width: 100%;
  overflow: hidden;
  .list-item {
    margin-bottom: 10px;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
    &:last-child {
      margin-bottom: 0;
    }
    p {
      line-height: 30px
    }
  }
  .weui-media-box{
    background-color: #fff;
    margin-top:.2rem;
    &:nth-child(1){
      margin-top:0;
    }
  }
}

.dividend_content, .prod_content, .pos_content,.news_content {
  height:calc(100% - 3.75rem - 10px);
  position:relative;
  margin-top:5px;
  .list-wrapper{
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
  .top-tip {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all;
    top: -35px;
    .refresh-hook {
      margin: 0;
      padding: 0;
      .loading {
        background: url(/assets/img/loading.gif) 0 0 no-repeat;
        width: 1rem;
        height: 1rem;
        background-size:cover;
        vertical-align: sub;
        display: inline-block;
        margin-right:.4rem;
      }
    }
  }
}

.panel-footer {
  border-top: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  font-weight:700;
  p{
    color:$theme-color;
    line-height:2rem;
    height: 2rem;
  }
}

//.panel-footer ul {
//  margin-bottom: 0;
//  margin-left: 0
//}
//
//.panel-footer i {
//  font-size: 24px
//}
//
//.panel-footer li {
//  width: 23%;
//  text-align: center;
//  padding: 5px 0;
//  font-size: 12px
//}
//
//.panel-footer li.active {
//  color: #e63636
//}
//


@-webkit-keyframes a {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes a {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@-webkit-keyframes b {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
  }
}

@keyframes b {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
  }
}

.panel.slideIn {
  -webkit-animation: a .2s forwards;
  animation: a .2s forwards
}

.panel.slideOut {
  -webkit-animation: b .2s forwards;
  animation: b .2s forwards
}

/*首页声明*/
.statement-body {
  @extend .panel-body;
  background-color: #fff;
}

.statement-header {
  height: 6.0rem;
  border-bottom: solid 1px #c9c9c9;
  h1, h3 {
    text-align: left;
    font-weight: bold;
    color: #303030;
    padding: 0.5rem 0.75rem 0
  }
  h1 {
    font-size: 1.55rem
  }
  h3 {
    margin-top: -5px;
    font-size: 0.9rem;
    line-height: 1.2;
  }
}

.statement-article.weui-article {
  padding: 0.5rem 0.75rem;
  font-size: 0.7rem;
  text-align: left;
  section {
    margin-bottom: 0;
  }
}

.statement-footer {
  padding: 0 1rem 1rem 1rem;
  color: $theme-color;
}

/**登录**/
.login-panel,
.regist-panel,
.authentication-panel,
.registerQuestion-panel{
  background-size: 100% 5.5rem;
  background-position: bottom;
  background-color: #fff;
  .panel-body {
    background-color: #fff;
  }
}
.regist-panel,
.authentication-panel,
.registerQuestion-panel {
  .panel-heading {
    padding: 1.5rem 1rem 0;
    text-align: left;
    img {
      height: 2.45rem;
      margin: -.3rem .2rem;
    }
    h1 {
      display: inline-block;
      font-size: 1.45rem;
      font-weight: bold;
      color: $theme-color;
    }
  }
}
.link {
  font-size: 0.8rem;
  text-align: right;
  color: $theme-color;
  margin-top: 1rem;
  display: block
}

.login-panel {
  .panel-heading {
    text-align: center;
    padding-top: 1rem;
    > img {
      width: 8rem;
      margin: 0 auto;
    }
  }
}



.user-login,
.user-change-pwd,
.user-regist {
  padding: .5rem 1rem;
  margin-top: .5rem;
  input, select {
    width: 100%;
    height: 2rem;
    background-color: rgba(255, 255, 255, .13);
    border: 1px solid #bdbdbd;
    box-shadow: none;
    border-radius: 4px;
    padding-left: .5em;
    margin-bottom: 1rem;
  }
  [name="phone_number"]{
    background: url(/assets/img/mobile.png) 12px 7.5px no-repeat;
    background-size:14px 21px;
    padding-left:35px;
  }
  [name="valid_code"]{
    background: url(/assets/img/code.png) 10px 12px no-repeat;
    background-size:17.5px 13.5px;
    padding-left:35px;
  }
  [name="cust_login_name"]{
    background: url(/assets/img/user.png) 12px 10px no-repeat;
    background-size:15px 16px;
    padding-left:35px;
  }
  [name="cust_password"]{
    background: url(/assets/img/pwd.png) 12px 10px no-repeat;
    background-size:15px 17px;
    padding-left:35px;
  }
}

.verification-code {
  width: 100%;
  background-color: rgba(255, 255, 255, .13);
  border-radius: 8px;
  margin-bottom: 1rem;
  input {
    display: inline;
    width: 55%;
    margin-right: 0;
    margin-bottom: 0;
    border: 1px solid #bdbdbd;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background-color: transparent;
  }
  button {
    float: right;
    display: inline-block;
    border: {
      radius: 0 8px 8px 0;
      right: 0;
      left: 0;
    }
    font-size: 14px;
    width: 45%;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
  }
}

/**
 * 问卷
**/
.risk-assess_head {
  background-color: $theme-color;
  padding: .5rem 1rem;
  height: 9rem;
}

.risk-result_head, .my-questionnaire_head {
  @extend .risk-assess_head;
  height: 7rem;
}

.risk-result_head_title, .risk-assess_head_title, .my-questionnaire_head_title {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

.risk-assess_head_content,
.risk-result_head_content,
.my-questionnaire_head_content {
  font-size: 0.7rem;
  color: #fff
}

.risk-assess_content, .my-questionnaire_content {
  margin: 0;
  padding: 0 1rem 2.75rem;
  text-align: left;
  font-size: 0.7rem;
  color: #303030;
  overflow: auto;
}

.risk-assess_form, .my-questionnaire_form,.confirmation_form {
  margin-top: 0.875rem;
  .weui-cells__title {
    color: #303030;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 0;
    background-color: #fff;
  }
}
.confirmation_form{
  .weui-cells {
    &:before {
      border-top: none;
    }
  }
  .weui-cell:before{
    border-top: none;
  }
}

.risk-assess_checkbox {
  font-size: 0.7rem;
  color: #303030;
  @extend .weui-cells;
  .weui-check {
    &:checked {
      + .weui-icon-checked {
        &:before {
          color: $theme-color;
        }
      }
    }
  }
  .weui-icon-checked {
    &:before {
      font-size: .85rem;
    }
  }
}

.risk-assess_check_label {
  @extend .weui-cell;
  padding: 0.25rem 0;
  &:active {
    background-color: #fff;
  }
  .weui-cell__head + .weui-cell__bd {
    margin-left: 0.2rem;
  }
}

.risk-result_content {
  margin: 0.75rem 0.375rem 0;
  padding-bottom: 2.75rem;
  overflow: auto
}

.risk-result_table {
  width: 100%;
  text-align: center;
  font-size: 0.6rem;
  color: #303030;
  th {
    background-color: lighten($theme-color, 20%);
    height: 2.25rem;
    line-height: 0.75rem
  }
  td {
    height: 1.5rem;
    line-height: 0.75rem
  }
}

.risk-result_article {
  margin-top: 0.75rem;
  font-size: 0.7rem;
  section {
    text-align: left;
    color: #303030;
    margin: .5rem
  }
}

.risk-result_foot, .risk-assess_foot {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2.75rem;
  clear: both;
  z-index: 500;
  display: flex;
  padding: 0.5rem 0.5rem;
  background-color: #fff
}

.risk-assess_foot a {
  width: 17rem;
  height: 1.75rem;
  line-height: 1.75rem;
}

.risk-result_foot {
  .weui-btn {
    width: 6rem;
    height: 1.75rem;
    line-height: 1.75rem;
    flex: 1;
    margin: 0 0.5rem;
  }
}

/**
 我的信息
*/
.userHeading.weui-cells {
  position: relative;
  width: 100%;
  height: 6rem;
  margin-top: 0;
  color: #fff;
  text-align: left;
  padding: 0;
  background: url(/assets/img/head-bg.png);
  background-size: 5.325rem 200%;
  background-repeat: no-repeat;
  background-color: $theme-color;
  background-position: right;
}

.basicInfo {
  height: 3.5rem;
  margin: 0.9rem 0.2rem;
  p, span {
    font-size: .7rem;
  }
}

.basicInfo.weui-cell_access:active {
  background-color: transparent
}

.basicInfo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50px
}

.basicInfo .weui-cell__bd {
  text-align: left
}

.user-heading.weui-cell__hd {
  height: 3.5rem;
  width: 3.5rem;
  margin-right: 0.75rem;
}

.userContent.weui-cells {
  margin-top: 0.5rem
}

.userContent img {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.userContent .auth, .userContent .unauth {
  width: 2.5rem;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.6rem;
  height: 1rem;
  line-height: 1rem;
  display: block;
  text-align: center;
}

.userContent .auth {
  background-color: #18e225;
}

.userContent .unauth {
  background-color: #ff5523;;
}

.risk-valid-date p {
  font-size: 10px;
  margin-right: 5px;
}

.userHeading .fraction {
  background: rgba(255, 255, 255, .2);
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 14px;
  padding: 5px 5px 5px 10px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px
}

.userHeading li {
  border-right: 1px solid #8a8080;
  min-height: 30px
}

.userHeading li:last-child {
  border-right: 0
}

.userHeading .low {
  background-size: 1em 1em;
  padding-left: 1.5em
}

.userHeading .professional {
  background-size: 1em 1em;
  padding-left: 1.5em
}

/**
个人信息修改
*/
.profile-panel {
  background-color: $page-bg-color;;
}

.profile-panel .weui-cell_access .weui-cell__ft {
  padding-right: 0;
}

.profile-panel .weui-cell_access .weui-cell__ft:after {
  visibility: hidden;
}

.profile__img {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 4px;
}

.see-more {
  a {
    color: #aeb7c0;
  }
  text-align: right
}

/*主页*/

.posList, .proList, .dvdList {
  height: 100%;
}

.blank-page {
  width: 6.5rem;
  height: 7rem;
  margin: 7em auto 0;
  display: block;
  ~ p {
    display: block;
    width: 7.5rem;
    margin: 0.5rem auto 0;
    text-align: center;
    color: #9a9a9a;
    font-size: .6rem
  }
}

.list-content {
  padding: 0;
  text-align: center;
  .weui-flex__item:nth-child(2){
    border-left:1px solid #D5D5D5;
    border-right:1px solid #D5D5D5;
    border-radius:1px;
  }
  p:nth-child(2){
    font-size:.7rem;
  }
}

.list-title {
  border-bottom: none;
  .list-title__left {
    margin-bottom: 0;
    padding-left: 15px;
    text-align: left;
    font-size: 0.8rem;
    line-height: 2.5;
    float: left
  }
  .list-title__right {
    float: right;
    text-align: right;
    line-height: 3.46;
    padding-right: 15px;
    font-size: 0.7rem;
  }
  .buy-btn, .redeem-btn {
    float: right;
    width: 1rem;
    height: 1rem;
    border-radius: .2rem;
    background-color: #e9001d;
    color: #fff;
    font-size: .7rem;
    font-weight:700;
    text-align: center;
    line-height: 1rem;
    margin: .5rem .25rem
  }
  .redeem-btn {
    background-color: #72da00;
  }
}

.list-footer {
  font-size: 0.65rem;
  line-height: 3;
  color: #808080;
  border-top: none;
  .list-footer__left {
    padding-left: 15px;
    text-align: left;
    float: left;
    span{
      font-size:.8rem;
    }
  }
  .list-footer__right {
    float: right;
    text-align: right;
    padding-right: 15px;
    span{
      font-size:.8rem;
    }
  }
}


/*详细信息*/
.detail-panel {
  background-color: #eaeaea
}
.detail-panel_heading {
  background-color: #fff;
  width: 100%;
  height: 2rem;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  a:first-child{
    color: $theme-color;
    line-height: 2rem;
    height: 2rem;
    position: absolute;
    left: .5rem;
  }
  p {
    padding: 0.5rem 0;
    font-size: 0.75rem;
    color: $theme-color;
    display: block;
    text-align: center;
  }
  h3,h5{
    color: $theme-color;
    display: block;
    text-align: center;
    height:1.5rem;
    line-height:1.5rem;
  }
  h3{
    font-size:18px;
    padding-top:.5rem;
  }
  h5{
    font-size:14px;
  }
  .iconfont {
    font-size: 1.25rem;
  }
}

.detail-panel_body {
  width:100%;
  padding-top: 2rem;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  background-color: $page-bg-color;
}
.news-title{
  background-color: #fff;
}
.news-content{
  background-color: #fff;
}
.detail-panel_foot {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  padding: .5rem .5rem;
  z-index: 10;
  height: 3rem;
  display:flex;
  justify-content: space-around;
  flex-flow: row nowrap;
  .weui-btn{
    height: 2rem;
    line-height: 2rem;
    flex: 0 1 auto;
    margin:0;
    width:80%;
  }
  .weui-btn_small{
    width:40% !important;
  }
}
/*新闻、公告*/
.article-warp{
  background-color: #fff;
  .article-info{
    line-height: 1.4rem;
    color: #999;
    border-bottom: 1px solid #eee;
    margin: 0 .75rem .5rem;
    position: relative;
    overflow: hidden;
    .date,.author{
      float: left;
      font-size:.6rem;
      margin-right:1rem;
    }
  }
  .article-title{
    padding: .9rem .75rem .3rem;
    font-size: 1.1rem;
    line-height: 1.45rem;
    color: #333;
  }
  .article-body{
    font-size: .85rem;
    overflow: hidden;
    padding-bottom: .75rem;
    .article-content{
      padding: 0 .75rem .75rem;
      img{
        border: 0!important;
        width: 110%!important;
        height: auto!important;
        max-width: none;
        margin: .17rem -5%;
        display: inline-block;
      }
    }
  }
}

/*产品详情*/
.productDetail-panel{
  .detail-panel_body{
    padding-bottom: 3rem;
  }
}

.appropConfirm-panel, .transformAdd-panel, .transformDetail-panel,{
  .detail-panel_body {
    padding-bottom: 3rem;
    background-color: #fff;
    .weui-cells__title {
      background-color: $page-bg-color;
    }
  }
}

.noticeDetail-panel, .riskWarn-panel,.warnConfirm-panel,.riskExplain-panel {
  .detail-panel_body {
    padding-bottom: 3rem;
    background-color: #fff;
  }
}

.questionnaire-panel,
.transformDetail-panel,
.transformAdd-panel,
.changePwd-panel,
notification-panel,
.purchase-panel {
  .detail-panel_heading{
    border-bottom:1px solid #e5e5e5;
  }
  .detail-panel_body {
    background-color: #fff;
  }
}
.product-content {
  width: 100%;
  height: 3.25rem;
  background-color: #fff;
  position: relative;
  color:#999;
  margin-top:.5rem;
}

.product-name {
  font-size: 0.95rem;
  line-height: 2.05rem;
  height: 2.05rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, .48);
  display: block;
  padding: 0 .5rem;
}

.product-info {
  height: 3rem;
  font-size: 0.65rem;
  .red{
    color: #e64340;
  }
  .green{
    color:#42b983;
  }
}

.unitWorth {
  width: 5.5rem;
  height: 2.2rem;
  border-right: 1px solid;
  border-image-slice: 1;
  text-align: center;
  align-self: center;
  p:first-child {
    font-size: 1rem;
    font-weight: bold;
  }
}

.netStatistics {
  margin-left: 1.25rem;
  align-self: center;
  font-size: 0.7rem;
  p{
    line-height: 2;
    height: 1.2rem;
  }
}
.chart-panel{
  background-color: #fff;
}
.chart_btn-group{
  border-bottom: 1px solid #e8e9eb;
  height: 1.8rem;
  background-color: #f5f5f6;
  align-items:center;
  a{
    background-color: transparent;
    border:none;
    height: 1.8rem;
    line-height: 1.8rem;
    margin:0 1rem;
    display:block;
    &.active{
      border-bottom: 2px solid $theme-color;
      span{
        color:$theme-color;
      }
    }
    span{
      display:block;
      text-align:center;
      font-size: 14px;
      height: 1.5rem;
    }
  }
}
//产品tab页
.detail-info_btn-group {
  border-bottom: 1px solid #e8e9eb;
  height: 1.8rem;
  width:25.1rem;
  background-color: #f5f5f6;
  align-items:center;
  li{
    display:inline-block;
    line-height:1.8rem;
    height:1.8rem;
  }
  a{
    background-color: transparent;
    border:none;
    height: 1.8rem;
    line-height: 1.8rem;
    margin:0 .6rem;
    display:block;
    &.active{
      border-bottom: 2px solid $theme-color;
      span{
        color:$theme-color;
      }
    }
    span{
      display:block;
      text-align:center;
      font-size: .65rem;
      height: 1.8rem;
    }
  }
}
.scroll-content{
  min-width:100%
}

/**产品详情**/
.detail-info_tab {
  height:auto;
  .weui-tab__panel {
    height:auto;
    padding-bottom: 0;
  }
  .weui-tab__content {
    padding: 0;
    overflow: auto;
  }
}
.tab-panel_title{
  display:block;
  background-color: #fff;
  width:100%;
  border-bottom:1px solid #d9d7d7;
  blockquote {
    height:1rem;
    margin:.25rem 0;
    padding-left:.75rem;
    border-left: 4px solid $theme-color;
    line-height:1rem;
    span{
      font-size:14px;
    }
    a{
      float:right;
      color:#7A7A7A;
      font-size:14px;
      line-height: 1rem;
    }
  }
}
.tab-panel_content{
  padding-top:.25rem;
  .news-item,.report-item{
    .weui-cell__bd{
      margin-left:.5rem;
      color:#000;
      &:nth-child(1), &:nth-child(2), &:nth-child(3){
        color:$theme-color;
      }
    }
  }
  .weui-cell{
    color:#999;
    font-size:13px;
    padding:10px 0;
  }
  .weui-cell__hd{
    align-self:flex-start;
  }
  .weui-cell__bd{
    margin-left:1.5rem;
  }
  .weui-cell__ft{
    margin-right:1rem;
  }
}

.content-list {
  &:nth-child(2){
    margin:.5rem 0;
  }
}

.content-list_item{
  height:2rem;
  padding:.25rem;
  line-height:1.5;
  span{
    font-size:12px;
  }
  .name{
    color:#7A7A7A;
  }
  .value{
    margin-left: 10px;
  }
}
.tab_panel{
  background-color: #fff;
  overflow: auto;
  padding:.3rem;
  max-height:22.5rem;
}
.product-nav_table {
  padding: .5rem;
  border: none;
  font-size: 0.525rem;
  color: #767676;
  text-align: center;
  width: 100%;
  background-color: #fff;
  th,td {
    height: 1.5rem;
    border:none;
  }
}



.product-target_table {
  font-size: .6rem;
  width:100%;
  border:none;
  color:#333;
  table,th,td{
    border:none;
  }
  .table-tips {
    background-color: #f77623;
    color: #fff;
    text-align: center;
    height: 1rem;
    width: 3rem;
    line-height:1rem;
    margin-top: 1em;
  }
  .table-header{
    text-align:center;
    height:1.8rem;
    line-height:1.8rem;
  }
  .table-row{
    td{
      text-align:center;
      line-height:1.8rem;
      height:1.8rem;
    }
    .sub-title{
      font-size : 12px;
      transform:scale(0.8,0.8);
      display:inline-block;
    }
  }
}
.no_chart,.no_target,.no_report,.no_announce,.no_purchase,.no_news{
    display:none!important;
}


/*产品购买*/
.purchase-header {
  display: table;
  height: 7.2rem;
  width: 100%;
  .purchase-product {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
    color: #585858;
  }
}

.description {
  font-size: 0.8rem;
  color: rgba(88, 88, 88, 0.42);
}

.text {
  font-size: 1.1rem;
  color: #000
}

.purchase-content {
  width: 100%;
  margin-top: 1rem;
  padding: 0 0.875rem;
  .weui-agree_protocol a {
    display: block;
    margin: 0.5rem 0.5rem;
    color: $theme-color;
  }
}

.amt-input {
  height: 2.25rem;
  font-size: 1.225rem;
  margin-bottom: 1rem;
  border-bottom: solid 1px #979797;
  text-align: center
}

.amt-input::-webkit-input-placeholder {
  color: #e7e7e7;
}

.purchase-agree.weui-agree {
  margin-top: 1rem;
  font-size: 0.75rem;
  text-align: left;
  color: #585858;
  padding: 0
}

/*风险确认*/

.confirm-title {
  width: 100%;
  height: 2.125rem;
  line-height:2.125rem;
  padding:0 .5rem;
  font-size: 0.8rem;
  text-align: left;
  color: #363636;
  background-color: $page-bg-color;
}
.confirm-cells {
  background-color: #f5f5f5;
  .confirm-cell:last-child {
    margin-bottom: 0
  }
}
.confirm-cell {
  width: 100%;
  padding: 1rem 0.65rem;
  font-size: 1.3rem;
  margin-bottom: .5rem;
  background-color: #fff;
  a {
    font-size: 0.85rem;
    text-align: left;
    color: $theme-color;
  }
  p {
    font-size: 0.75rem;
    line-height:1.8;
  }
  .yes, .no {
    font-weight: bold;
    text-align: left;
    text-indent: 0;
    font-size:.8rem;
  }
}
.record-title{
  text-align:center;
  margin:1rem auto;
  color:$theme-color;
}
.record-tip{
  border:1px solid $theme-color;
  border-radius:1rem;
  margin:0 auto;
  width:80%;
  font-size:.7rem;
  line-height:1.5;
  padding:.75rem .5rem;
  text-indent:2em;
}
.record-button{
  margin:1rem auto;
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-around;
  button{
    width:90px;
    height:90px;
    border-radius:50%;
    background-color: $theme-color;
    color:#fff;
    border:none;
  }
}
.record-audio{
  text-align: center;
  position: absolute;
  top: 50px;
  left: 50%;
  width: 80%;
  z-index: 10;
  transform: translateX(-50%);
}

.confirm-video{
  position:relative;
  .video-image{
    width:100%;
    text-align:center;
    img{
      width: 70%;
    }
    .video-reminder{
      position: absolute;
      left: 15%;
      width: 70%;
      top: 58%;
      color: #fff;
    }
  }
  .video-select{
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 100%;
    input{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
    }
  }
  .video{
    display:none;
    height:220px;
    a{
      position: absolute;
      right: .5rem;
      top: -.5rem;
      z-index:100;
      .icon{
        width:1rem;
        height:1rem;
      }
    }
    video{
      width:100%;
      height: 200px;
      position: absolute;
      top: 0;
      left: 0;
    }
    .video-control{
      position: absolute;
      bottom: 0;
      left: 0;
      .weui-btn{
        height:70px;
        height:70px;
        border-radius:35px;
        background-color: rgb(62,197,167);
      }
    }
  }
}

.confirm-tips{
  color: #fb5765;
  line-height: 70px;
  font-size: 34px;
  width:76%;
  height:5.5rem;

}



  #risk_notification .yes, #risk_notification .no {
    display: block;
    margin: 0.65rem 0;
  }

  .yes {
    color: #0079ff;
    svg {
      width:16px;
      height:16px;
      margin:0;
      vertical-align:text-top;
    }
  }
  .important{
    color:#ff635d;
  }
  .warning {
    color: #e63636;
  }
  .no {
    color: #ff635d;
    svg {
      fill: #ff635d;
      width:16px;
      height:16px;
      margin:0;
      vertical-align:text-top;
    }
  }

  /*分红记录*/
  .stc-order {
    .weui-form-preview {
      margin: .5rem 0
    }
    .weui-form-preview__hd {
      padding:2px 15px;
    }
    .increase{
      .weui-form-preview__label{
        color:rgba(233,0,0,.86)
      }
    }
    .decrease{
      .weui-form-preview__label{
        color:#0bb20c
      }
    }
  }

  /*风险警示*/
  .risk-warn_form_title {
    color: #999;
    font-size: 0.7rem;
    padding: .3rem .75rem;
  }

  .risk-warn_form {
    .weui-cells__title {
      background-color: #fff;
      font-size: 0.8rem;
      text-align: left;
      color: #000;
    }
    .weui-cells_checkbox {
      font-size: .7rem;
      .weui-icon-checked {
        &:before {
          font-size: .85rem;
        }
      }
      .weui-check {
        &:checked {
          + .weui-icon-checked {
            &:before {
              color: $theme-color;
            }
          }
        }
      }
    }
  }

  /*通知*/
  .weui-panel.notice-item:before {
    border-top: 1px solid #eaeaea
  }
  .weui-panel.notice-item:after {
    border-bottom: 1px solid #eaeaea
  }
  .weui-media-box.notice-item-box {
    padding: 10px 15px 0
  }
  .weui-media-box__desc.notice-item-box__desc {
    line-height: 1.6
  }

  .weui-article.notice-article {
    padding: 0 15px 10px;
  }

  .notice-article .notice-article_title {
    width: 100%;
    padding: 0.5rem 0;
    font-size: 0.8rem;
    text-align: left;
    color: #323232;
    border-bottom: solid 1px #d5d5d5;
    display: block;
    font-weight: bold
  }

  .notice-article_content h2 {
    font-weight: bold;
    border-bottom: solid 1px #d5d5d5;
    display: block;
    padding-bottom: 0.2rem
  }

  .notice-article_content p, .notice-article_content span {
    font-size: 0.65rem;
    color: #323232
  }


  .notice-article_section {
    padding-top: 0.4rem
  }

  /*转化申请*/
  .transform-detail_head {
    width: 100%;
    min-height: 4.625rem;
    background-color: $theme-color;
    padding: .5rem .75rem;
    color: #fff;
    font-size: .6rem
  }

  .display-box {
    display: block;
    width: 100%;
  }

  .display-box .display-item {
    display: inline-block;
    margin-top: .5em;
  }

  .transform-form.weui-form-preview {
    margin-top: 1em;
    &:first-child{
      margin-top:0;
    }
  }

  .transform-form__hd.weui-form-preview__hd {
    padding: 0 15px;
  }

  .transform-form__hd .weui-form-preview__value {
    font-size: 1em
  }

  .transform-form__bd.weui-form-preview__bd {
    padding: 0 15px
  }

  .transform-form__ft.weui-form-preview__ft {
    line-height: 38px;
  }

  .transform-detail_head_title {
    font-size: .9rem;
    font-weight: bold
  }

  .transform_detail_head_status {
    display: inline-block;
    border: 1px solid #fff;
    padding: 0 .1rem;
    line-height: .9rem;
    height: .9rem;
    top: -.1rem;
    left: .5rem;
    position: relative
  }

  .transform-detail_content {
    padding: 0.6rem 1.05rem;
    font-size: 0.7rem;
    color: #a5a5a5;
    background-color: #fff;
    p {
      line-height: 1.3rem;
    }
  }

  .check-box {
    border: 1px solid #a5a5a5;
    position: relative;
    padding: 0.85rem;
    margin-top: .9rem;
    svg {
      position: absolute;
      left: -.4rem;
      top: -.6rem;
      fill: #a5a5a5;
    }
  }

  .check-box.checked {
    border-color: $theme-color;
    svg {
      fill: $theme-color;
    }
  }

  .check-box.error {
    border-color: red;
    svg {
      fill: red;
    }
  }

  .uploader-box {
    margin: .9rem 0;
  }

  .accept-auth__checkbox.weui-agree__checkbox {
    height: 16px;
    width: 16px;
    background-color: transparent

  }

  .accept-auth__text.weui-agree__text {
    font-size: 15px
  }

  @include max-screen(350px) {
    .display-item {
      display: block;
    }
    .transform-detail_head {
      height: 7rem
    }
  }

  /*浮动框*/
  .side-bar {
    width: 87px;
    height: 29px;
    line-height: 29px;
    position: fixed;
    bottom: 25%;
    right: 1px;
    font-size: 14px;
    z-index: 1000;
    background: rgba(255, 255, 255, .2);
    border-radius: 12px
  }

  .side-bar a {
    padding: 4px
  }

  .side-bar a span {
    margin-right: 4px
  }

  /*svg图标*/
  %svg {
    fill: $theme-color;
    display: inline-block;
    margin: .2rem .5rem 0 0;
  }
  .svg-transaction-dims {
    @extend %svg;
    width: 16px;
    height: 16px;
  }
  .svg-add-dims {
    @extend %svg;
    width: 17px;
    height: 17px;
    margin-top: .6rem
  }

  .svg-bind-dims {
    @extend %svg;
    width: 17px;
    height: 16.45px;
  }

  .svg-great-dims {
    @extend %svg;
    width: 17px;
    height: 17px;
    position: relative;
    margin: 0;
    top: 3px;
  }

  .svg-low-dims {
    @extend %svg;
    width: 17px;
    height: 17px;
    position: relative;
    margin: 0;
    top: 3px;

  }

.svg-telphone-dims {
  @extend %svg;
  width: 17px; height: 17px;
}


.svg-info-dims {
    @extend %svg;

    width: 17px;
    height: 17px;
  }

  .svg-logout-dims {
    @extend %svg;
    width: 17px;
    height: 17px;

  }

.svg-reservation-dims {
  @extend %svg;
  width: 17px;
  height: 17px;
}

  .svg-notice-dims {
    @extend %svg;

    width: 17px;
    height: 17px;
  }

  .svg-pwd-dims {
    @extend %svg;

    width: 17px;
    height: 17px;
  }

  .svg-question-dims {
    @extend %svg;

    width: 17px;
    height: 17px;
  }

  .svg-transform-dims {
    @extend %svg;
    width: 17px;
    height: 16.5px;
  }

  .svg-unbind-dims {
    @extend %svg;
    width: 17px;
    height: 17px;
  }

  .svg-unchecked-dims {
    @extend %svg;
    width: 17px;
    height: 17px;
  }

  .svg-no-dims {
    @extend %svg;
    width: 17px;
    height: 17px;
  }

  .svg-mobile-dims {
    @extend %svg;
    width: 10.93px;
    height: 17px;
  }

  .svg-pwd2-dims {
    @extend %svg;
    width: 15px;
    height: 17px;
  }

  .svg-check-dims {
    @extend %svg;
    width: 17px;
    height: 13.11px;
  }
  .svg-user-dims {
    @extend %svg;
    width: 15.94px;
    height: 17px;
  }
  .svg-news-dims {
    @extend %svg;
    width: 16px;
    height: 16px;
  }


  /*时间轴*/
  .timeline {
    list-style: none;
    padding: 20px 20px 20px 0;
    position: relative;
    background-color: #fff;
    &:before {
      top: 0;
      bottom: 0;
      position: absolute;
      content: " ";
      width: 3px;
      background-color: #eeeeee;
      left: 50%;
      margin-left: -1.5px;
    }
    >li{
      margin-bottom: 20px;
      position: relative;
      &:before,&:after{
        content: " ";
        display: table;
      }
      &:after{
        clear: both;
      }
      > .timeline-panel {
        width: 46%;
        float: left;
        border: 1px solid #d4d4d4;
        border-radius: 2px;
        padding: 20px;
        position: relative;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        &:before {
          position: absolute;
          top: 26px;
          right: -15px;
          display: inline-block;
          border-top: 15px solid transparent;
          border-left: 15px solid #ccc;
          border-right: 0 solid #ccc;
          border-bottom: 15px solid transparent;
          content: " ";
        }
        &:after {
          position: absolute;
          top: 27px;
          right: -14px;
          display: inline-block;
          border-top: 14px solid transparent;
          border-left: 14px solid #fff;
          border-right: 0 solid #fff;
          border-bottom: 14px solid transparent;
          content: " ";
        }
      }
      > .timeline-badge {
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 16px;
        left: 50%;
        margin-left: -25px;
        background-color: #999999;
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
      }
    }
    > li.timeline-inverted {
      > .timeline-panel {
        float: right;
        &:before {
          border-left-width: 0;
          border-right-width: 15px;
          left: -15px;
          right: auto;
        }
        &:after {
          border-left-width: 0;
          border-right-width: 14px;
          left: -14px;
          right: auto;
        }
      }
    }
  }

  .timeline-badge.primary {
    background-color: #2e6da4 !important;
  }

  .timeline-badge.success {
    background-color: #3f903f !important;
  }

  .timeline-badge.warning {
    background-color: #f0ad4e !important;
  }

  .timeline-badge.danger {
    background-color: #d9534f !important;
  }

  .timeline-badge.info {
    background-color: #5bc0de !important;
  }

  .timeline-title {
    margin-top: 0;
    color: inherit;
  }

  .timeline-body > p,
  .timeline-body > ul {
    margin-bottom: 0;
  }

  .timeline-body > p + p {
    margin-top: 5px;
  }

  @media (max-width: 767px) {
    ul.timeline:before {
      left: 40px;
    }
    ul.timeline > li > .timeline-panel {
      width: 64%;
      float: right;
      &:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
      }
      &:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
      }
    }
  }

  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }

  /*常见问题*/
.question-items{
  padding:0 .5rem;
  margin-top:.5rem;
}
.question-item{
  margin:2rem .5rem;
  label{
    display:block;
    height:1rem;
    font-size:.85rem;
    font-weight:700;
    color:$theme-color;
    line-height:1rem;
  }
  p{
    margin:7px 0;
    font-size: .7rem;
    color: #666;
    line-height: 1.2;
  }
}
